{% extends "base.html" %}

{% load i18n columnize thumbnail inlinetrans %}

{% block extrabreadcrumbs %}
  <span class="breadcrumbSeparator">→</span>
  <a href="{% url player_index %}" title="{% trans "Frisbillana' players" %}">{% inline_trans "Frisbillana' players" %}</a>
{% endblock %}

{% block content %}

<script language="javascript" src="{{ MEDIA_URL }}js/boxover.js" ></script>

{% block contenttitle %}
  <div id="content-title">
    <h1>{% inline_trans "Frisbillanas' players" %}</h1>
  </div>
{% endblock %}

<div id="playersTable">
  <table width="50%">
   <tbody>
    {% for player in players %}
      {% columnize 7 %}
      <div class="playerBox">
       <p class="playerPosition">{{ player.get_team_position_display }}</p>
       <a href="{{ player.get_absolute_url }}">
        {% thumbnail player.avatar "80x120" crop="center" as thumb %}
        {% thumbnail player.main_image "150x200" as main_thumb %}
        {% thumbnail player.avatar_over "80x120" as over_thumb %}
        <img src="{{ thumb.url }}" alt="{{ player.name }}"
          {% if player.avatar_over %}
             onmouseover="this.src='{{ over_thumb.url }}'"
             onmouseout="this.src='{{ thumb.url }}'"
          {% endif %}
             title="header=[{{player.name}}] body=[<br/><center><img src='{{ main_thumb.url }}' /></center><p>{% if player.sport_number %}<center>Number: {{ player.sport_number }}</center>{% endif %}</p>] fade=[on] fadespeed=[0.15] delay=[500]" />
        {% endthumbnail %}
        {% endthumbnail %}
        {% endthumbnail %}
       </a>
       <p>{% if player.sport_number %}{{ player.sport_number }} - {% endif %}<a href="{{ player.get_absolute_url }}">{{ player.name }}</a></p>
      </div>
      {% endcolumnize %}
    {% endfor %}
   </tbody>
  </table>
</div>

{% endblock %}